<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>诉求记录</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="./public/css/sm.css">
    <link rel="stylesheet" href="./public/css/sm-extend.css">
    <link rel="stylesheet" href="./public/css/self.css">
    <!-- 阿里图标 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_461630_19kccv2akn3lerk9.css">

    <script src="./public/js/zepto.js"></script>

</head>
<body>

<div class="page-group" style="background: #fff">
    <div id="page-fixed-tab-infinite-scroll" class="page page-current" interAddress="api/wxapi/workorder/getlist">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back" href="javascript:history.go(-1)" id="back">
                <span class="iconfont icon-fanhui1"></span>
                返回
            </a>
            <h1 class="title">投诉详情</h1>
        </header>
        <div class="content" id="content-list">
            <div class="content-block-title self-content-block-title">投诉信息</div>
            <div class="list-block media-list self-list-block">
                <ul class="list-container">
                    <!-- 加载的item内容 -->
                    <li class="item-content">
                        <div class="item-media"><img src="./public/img/test.png" class="tabsduo-self-thomimg" id="filepath"></div>
                        <div class="item-inner  self-inner">
                            <div class="item-title-row self-item-title-row">
                                <div class="item-title tabsduo-self-title" id="newstitle">暂无…</div>
                            </div>
                            <div class="card-footer self-footer tabsduo-tabs-footer">
                                <span id="createtime">2017-12-13 13:36:13</span>
                                <span id="status" class="self-status">等待派单</span>
                            </div>
                        </div>
                    </li>
                    <div class="content-block self-content-block" style="border: 0 !important;">
                        <div class="row">
                            <div class="col-100">
                                <a href="#" orderID="" class="button tabsduo-button  button-small button-fill button-success evaluate">评价订单</a>
                                <a href="tel:10086" orderID="66" class="button tabsduo-button  button-small button-fill button-danger">联系客服</a>
                            </div>
                        </div>
                    </div>
                </ul>
            </div>
            <div class="content-block-title self-content-block-title">投诉内容</div>
            <div class="list-block" style="margin: 0">
                <ul>
                    <li class="item-content">
                        <div class="item-inner" id="mailcontent">
                            放大范德萨放松的
                        </div>
                    </li>
                </ul>
            </div>
            <div class="content-block-title self-content-block-title">处理步骤</div>
            <div class="list-block">
                <ul>
                    <li class="item-content">
                        <div class="item-inner">
                            <div style="margin: 1rem">
                                <div class="circleSucess">
                                    <div class="step-content">审核通过</div>
                                </div>
                                <div class="out">
                                    <div class="lineSuccess"></div>
                                </div>
                                <div class="circleSucess">
                                    <div class="step-content step-color">待付款</div>
                                </div>
                                <div class="out">
                                    <div class="lineFail"></div>
                                </div>
                                <div class="circleFail">
                                    <div class="step-content step-color">工单分配</div>
                                </div>
                                <div class="out">
                                    <div class="lineFail"></div>
                                </div>
                                <div class="circleFail">
                                    <div class="step-content step-color">工单受理</div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>


    </div>
</div>

<script src="./public/js/sm.js"></script>
<script src="./public/js/sm-extend.js"></script>
<script src="./public/js/self.js"></script>
<script>
    $('#content-list .evaluate').attr('orderID',getUrlParam("orderid"));//参数传递，以便评价带参跳转
    var noticeInfo = JSON.parse(sessionStorage.getItem('noticeInfo'));

    console.log(noticeInfo);

    $('#newstitle').html(noticeInfo.orderinfo.mailtitle);
    $('#mailcontent').html(noticeInfo.orderinfo.mailcontent);
   // $('#filepath').attr('src', noticeInfo.orderinfo.filepath);
    $('#createtime').html(noticeInfo.orderinfo.mailcreatetime);
   // $('#status').html(noticeInfo.orderinfo.mailstatus);

    $('#back').click(function () {
        $(window).bind('beforeunload', function () {
            sessionStorage.removeItem('noticeInfo');
        });
    });

</script>


</body>
</html>